
<view style="form-group">
  <text style="label">Date field</text>
  <date-field
    field-style="input"
    field-text-style="input-text"
    label-format="MMMM D, YYYY"
    modal-style="picker-modal"
    modal-overlay-style="picker-modal-overlay"
    modal-text-style="picker-modal-text"
    name="date1"
    mode="spinner"
    placeholder="Select date"
    placeholderTextColor="#8D9494"
    trigger="blur"
    action="replace-inner"
    target="container1"
    href="#dateFieldBlurred"
  >
    <behavior
      trigger="blur"
      action="append"
      target="container1"
      href="#dateFieldBlurred2"
    />
  </date-field>
</view>
<view hide="true">
  <text id="dateFieldBlurred" style="tip">Blurred:</text>
  <text id="dateFieldBlurred2" style="tip">Date field</text>
</view>
